@charset "utf-8";
/*!
 cmd命令操作
        通过e：进入e盘（切换盘符）
        通过 cd 命令进入具体文件夹
 * 
 * **/
//如果scss文件名前面有下划线，例如_reset.scss则此文件不会被编译
@import "reset";
//变量
$color:red;
//定义函数
@function gg($a,$b){
    @return ($a*$a + $b*$b)*1px;
}

//@mixin 混合
@mixin left{
    float: left;
    margin-left: 10px;
    
}
//css代码嵌套
.indexWeb{
    .header{
        width: 200px;
        height: 300px;
        overflow: hidden;
        margin: 0 auto;
        img{
            width: 100%;
        }
    }
    .content{
        .test{
            width: 300px;
            height: 300px;
        }
        p{
            color: $color;
            font-size: gg(3,4);
        }
        &>.leftSide{
            @extend .test;
            background: hotpink;
            font-size: 20px;
            @include left; 
        }
        &::after{
            content: "我会排在最后";
        }
    }
}

